@import "tailwindcss";

@layer theme, base, components, utilities;

@theme {
  --color-white-100: #ffffff;
  --color-white-200: #f8feff;
  --color-white-300: #f2ece6;
  --color-orange-300: #e5b99b;
  --color-blue-300: #97cbd2;
  --color-purple-300: #a38aba;
}

@layer theme {
  :root {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-serif: "Playfair Display", ui-sans-serif, system-ui, sans-serif;
  }
}
